<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!--bootstrap插件-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link href="/static/plugin/bootstrap/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="/static/plugin/jo/joUI.css" rel="stylesheet"/>
    <!--字体插件-->
    <link href="/static/plugin/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="/static/plugin/layui-2.4.3/css/layui.css" rel="stylesheet"/>
    <!--ztree-->
    <link href="/static/plugin/zTree/css/metroStyle/metroStyle.css" rel="stylesheet"/>
    <!--common-->
    <link href="/static/css/common.css" rel="stylesheet"/>

    <title>按钮权限演示</title>
</head>
<body class="skin-default">

<div class="container-fluid">
    <div class="row">
        <div class="col-xs-12 col-lg-12 col-md-12 col-sm-12">
            <!--按钮栏-->
            <div class="form-group button-bar button-bar">
                <button type="button" isShow="" class="btn btn-primary" onclick="">
                    <i class="fa fa-plus-circle" aria-hidden="true"></i>&nbsp;普通按钮1
                </button>
                <!--按钮占位符.加载到的按钮会渲染到占位符里面-->
                <span class="young-button-placeholder" navigateId="NAV_HELP_BTN_AUTH"></span>
            </div>
            <!--按钮栏-->
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12 col-lg-12 col-md-12 col-sm-12" style="line-height: 1.7;">
            <span class="font-red">按钮权限使用说明</span>:
            <p>
                1.在恰当的位置（例如按钮栏或者其他你希望显示按钮的地方）插入按钮占位符: <span class="font-red">&lt;span class="young-button-placeholder" navigateId="NAV_HELP_BTN_AUTH">&lt;/span></span> ；
            </p>
            <p>
                2.按钮占位符的navigateId属性要与资源编号对应（别忘了到【资源管理】中关联上对应的按钮）；
            </p>
            <p>
                3.在恰当的时机（例如页面初始化后）初始化按钮: <span class="font-red">initButton()</span>；
            </p>
            <p>
                4.用户没有按钮的权限时是不会加载出来的，要记得到【角色授权】页面将按钮授权给对应的角色；
            </p>
            <p>
                5.可以参考本页面的例子；
            </p>
        </div>
    </div>
</div>

<!--配置信息-->
<script src="/static/js/config.js"></script>
<!--jquery-->
<script src="/static/plugin/jquery/jquery-3.3.1.js"></script>
<script src="/static/plugin/jquery/jquery.cookie.js"></script>
<!--bootstrap-->
<script src="/static/plugin/bootstrap/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<!--[if lt IE 9]>
<script src="/static/plugin/other/html5shiv.js"></script>
<script src="/static/plugin/other/respond.min.js"></script>
<![endif]-->
<!--layui-->
<script src="/static/plugin/layui-2.4.3/layui.all.js"></script>
<!--ztree-->
<script src="/static/plugin/zTree/js/jquery.ztree.all.js"></script>
<!--common-->
<script src="/static/js/common.js"></script>
<!--jo-->
<script src="/static/plugin/jo/jo.js"></script>
<script src="/static/plugin/jo/jo-adapt.js"></script>
<script src="/static/plugin/jo/jo-page-view.js"></script>
<script src="/static/plugin/jo/jo-page-form.js"></script>
<script src="/static/plugin/jo/jo-listener.js"></script>
<script type="text/javascript">
    $(function(){
        initButton();//初始化按钮
    });
</script>

</body>
</html>
